body{
    width:85%;
    margin:0 auto;
}
h1{
    text-align: center;
}

.flexbox{
    display: flex;
    background-color: rgb(192, 144, 144);
    flex-direction:row;
    flex-wrap: nowrap;
    justify-content: space-between;
    
}
.flexbox p {
    border:1px blanchedalmond solid;
    border-radius: 5px;
    margin-left: 10px;
    flex-basis: 300px;
   
}

.flexbox p:last-child{
    margin-right: 10px;

}

.column{
    column-count: 3;
    column-gap:60px ;
    column-rule: teal solid 4px;
}

.column-span{
    column-span: all;
}

.column p{
    border:1px  teal solid;
    background-color: rgb(192, 144, 144);
}

.grid {
    display:grid;
    grid-template-columns: 2fr 2fr 2fr;
    grid-column-gap: 20px;
    
}

.grid p{
    text-align: center;
    border:1px teal dashed;
    background-color: rgb(192, 144, 144);
}